
    <div class="layui-container fly-marginTop">
      <div class="fly-panel fly-panel-user" pad20>
        <div class="layui-tab layui-tab-brief" lay-filter="user">
          <ul class="layui-tab-title">
            <li class="layui-this">登入</li>
            <li>
              <a href="/user/reg/">注册</a></li>
          </ul>
          <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
            <div class="layui-tab-item layui-show">
              <div class="layui-form layui-form-pane">
                <form method="post">
                  <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">手机/邮箱</label>
                    <div class="layui-input-inline">
                      <input type="text" id="L_loginName" name="loginName" required lay-verify="required" autocomplete="off" value="113@qq.com" class="layui-input"></div>
                    <div class="layui-form-mid layui-word-aux">使用手机或者邮箱中的任意一个均可（若采用手机，请确保你的帐号已绑定过该手机）</div></div>
                  <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">密码</label>
                    <div class="layui-input-inline">
                      <input type="password" id="L_pass" name="password" required lay-verify="required" autocomplete="off" value="123456" class="layui-input"></div>
                  </div>
                 <!--  <div class="layui-form-item">
                    <label for="L_vercode" class="layui-form-label">图形码</label>
                    <div class="layui-input-inline">
                      <input type="text" id="L_imagecode" name="captcha" required lay-verify="required" autocomplete="off" class="layui-input"></div>
                    <div class="layui-form-mid" style="padding: 0!important;">
                     <img width="120px" height="50px" src="{:url('index/reg/code')}" onclick="this.src='{:url('index/reg/code')}?id='+Math.random()" alt="" id="code"></div>
                  </div> -->
                  <div class="layui-form-item">
                    <div id="embed-captcha"></div>
                    <p id="wait" class="show">正在加载验证码......</p>
                    <p id="notice" class="hide">请先完成验证</p>
                  </div>
                  <div class="layui-form-item">
                    <button class="layui-btn" lay-filter="login" lay-submit>立即登录</button>
                    <span style="padding-left:20px;">
                      <a href="/user/forget">忘记密码？</a></span>
                  </div>
                  <div class="layui-form-item fly-form-app">
                    <span>或者使用社交账号登入</span>
                    <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
                    <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<style>
    .inp {
        border: 1px solid gray;
        padding: 0 10px;
        width: 200px;
        height: 30px;
        font-size: 18px;
    }
    .btn {
        border: 1px solid gray;
        width: 100px;
        height: 30px;
        font-size: 18px;
        cursor: pointer;
    }
    #embed-captcha {
        width: 300px;
    }
    .show {
        display: block;
    }
    .hide {
        display: none;
    }
    #notice {
        color: red;
    }
</style>
<script src="__STATIC__/index/js/gt.js"></script>
<script>
  //Demo
  layui.use(['form','jquery'], function(){
    var form = layui.form;
    var $ = layui.jquery;


    handlerEmbed = function (captchaObj) {
        $("#embed-submit").click(function (e) {
            var validate = captchaObj.getValidate();
            if (!validate) {
                $("#notice")[0].className = "show";
                setTimeout(function () {
                    $("#notice")[0].className = "hide";
                }, 2000);
                e.preventDefault();
            }
        });
        // 将验证码加到id为captcha的元素里，同时会有三个input的值：geetest_challenge, geetest_validate, geetest_seccode
        captchaObj.appendTo("#embed-captcha");
        captchaObj.onReady(function () {
            $("#wait")[0].className = "hide";
        });
        // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
    };

    $.get('{:url('index/login/create_geet')}', function(data) {
        console.log(data);
        // 使用initGeetest接口
        // 参数1：配置参数
        // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
        initGeetest({
            gt: data.gt,
            challenge: data.challenge,
            new_captcha: data.new_captcha,
            product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
            offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
            // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config
        }, handlerEmbed);

    },'json');

    //监听提交
    form.on('submit(login)', function(data){
      // layer.msg(JSON.stringify(data.field));

      $.post("{:url('index/login/check')}",data.field, function(data, textStatus, xhr) {
          if(data.code==1){
            layer.alert(data.msg, {icon: 6},function(){
               location.href ="{:url('index/user/center')}";
            });
          }else{
            $('#code').click();
            layer.msg(data.msg, function(){});
          }
      });

      return false;
    });
  });
  </script>